<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.css" rel="stylesheet" />
		<script src="js/mui.js"></script>
		<script type="text/javascript">
			mui.init();
			mui.plusReady(function () {
			    //跳转搜索好友页面
				document.getElementById("goFriendBtn").addEventListener("tap",function(){
					plus.webview.open("./searchFriend.html","searchFriend.html");
				})
				//跳转到微信聊天列表
				document.getElementById("weixinBtn").addEventListener("tap",function(){
					plus.webview.open("./chatList.html","chatList.html");
				});
				
				//跳转到发邮箱的页面
				document.getElementById("sendMailBtn").addEventListener("tap",function(){
					plus.webview.open("./mail.html","mail.html");
				});
				//跳转到新朋友页面
				document.getElementById("newFriend").addEventListener("tap",function(){
					plus.webview.open("./newFriend.html","newFriend.html");
				});
				//跳转到朋友圈页面
				document.getElementById("watchBtn").addEventListener("tap",function(){
					plus.webview.open("./wechat.html","wechat.html");
				});
				//跳转到发表朋友圈页面
				document.getElementById("sendWatch").addEventListener("tap",function(){
					plus.webview.open("./sendWatch.html","sendWatch.html");
				});
			});
		</script>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">发现</h1>
		</header>
		
		<ul class="mui-table-view" style="margin-top: 50px; line-height: 40px;">
			<li class="mui-table-view-cell mui-media" style="touch-action: none;" id="watchBtn">
				<a href="javascript:;" style="touch-action: none;">
					<img class="mui-media-object mui-pull-left" src="img/pengyouquan.jpg">
					<div class="mui-media-body">
						朋友圈
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media" style="touch-action: none;" id="sendWatch">
				<a href="javascript:;" style="touch-action: none;">
					<img class="mui-media-object mui-pull-left" src="img/edit3.jpg">
					<div class="mui-media-body">
						发布
					</div>
				</a>
			</li>
		</ul>
		
		<ul class="mui-table-view" style="margin-top: 20px;line-height: 40px;">
			<li class="mui-table-view-cell mui-media" id="goFriendBtn" style="touch-action: none;">
				<a href="javascript:;" style="touch-action: none;">
					<img class="mui-media-object mui-pull-left" src="img/add.jpg">
					<div class="mui-media-body">
						添加好友
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media" style="touch-action: none;" id="newFriend">
				<a href="javascript:;" style="touch-action: none;">
					<img class="mui-media-object mui-pull-left" src="img/new.jpg">
					<div class="mui-media-body">
						新的朋友
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media" style="touch-action: none;">
				<a href="javascript:;" style="touch-action: none;">
					<img class="mui-media-object mui-pull-left" src="img/saoyisao.jpg">
					<div class="mui-media-body">
					    扫一扫
					</div>
				</a>
			</li>
		</ul>
		
		<ul class="mui-table-view" style="margin-top: 20px; line-height: 40px;">
			<li class="mui-table-view-cell mui-media" style="touch-action: none;" id="weixinBtn">
				<a href="javascript:;" style="touch-action: none;">
					<img class="mui-media-object mui-pull-left" src="img/ltshi.jpg">
					<div class="mui-media-body">
						聊天室
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media" style="touch-action: none;">
				<a href="javascript:;" style="touch-action: none;">
					<img class="mui-media-object mui-pull-left" src="img/fankui.jpg">
					<div class="mui-media-body">
					    反馈
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media" style="touch-action: none;" id="sendMailBtn">
				<a href="javascript:;" style="touch-action: none;">
					<img class="mui-media-object mui-pull-left" src="img/youxiang.jpg">
					<div class="mui-media-body">
					    发邮箱
					</div>
				</a>
			</li>
		</ul>
	</body>

</html>
